<template lang="html">
  <div class="success_box">
     <Headbar :title='title'></Headbar>
     <div class="success_img">
        <img src="../../static/imgs/plane.png" alt="">
     </div>
     <div class="success_text">
        <p>订单提交成功</p>
        <span>稍后我们将有专业的定制旅游顾问为您服务，</br>请耐心等候~</span>
     </div>
     <div class="success_text2">
        <span>如有疑问，请拨打客服电话 <a href="#">010-6598 3666</a></span>
        <br>
        <span>或</span>
        <br>
        <span>下载 <a href="#">凯撒旅游手机客户端</a> 获取更多资讯</span>
     </div>

  </div>
</template>

<script>
import Headbar from './head'
export default {
   data(){
      return{
         title: '凯撒旅游--个性定制服务'
      }
   },
   components:{
      Headbar
   }
}
</script>

<style lang="css">
.success_box{
   height:26rem;
   background-color: #f5f5f5;
}
.success_img img{
   width:80%;
   height:20rem;
   margin-top: 3rem;
}
.success_text{
   height:12rem;
   margin-top: -1rem;
   background-color: #f5f5f5;
   padding:0.1rem;
}
.success_text p{
   margin-top: 3rem;
   font-size: 2rem;
   color: #00b0ec;
}
.success_text span{
   font-size: 1.5rem;
}
.success_text2{
   margin-top: 2rem;
}
.success_text2 a{
   color: #00b0ec;
   text-decoration: underline;
}
</style>
